*{
    padding: 0;
    list-style: none;
    box-sizing: none;
    margin: 0;
}
html,body{
    background-color: white;
}
.box{
    width: 800px;
    margin: 20px auto;
    display: flex;
    height: 30px;
    align-items: center;
}
button{
    padding: 5px 5px;
    border: none;
    margin-right: 10px;
}
button:hover{
    background-color:rgb(69,150,206) ;
}
input{
    width: 30px;
    padding-left: 5px;
}
.page{
    max-width: 280px;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
li{
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px ;
    text-align: center;
    line-height: 30px;
    background-color: rgb(240,240,240);
   
}
li:hover{
    background-color:rgb(69,150,206) ;
}
.active{
    background-color: rgb(69,150,206);
}
.nobk{
    background-color: white;
}
.nobk:hover{
    background-color: white;
    
}
.stop{
    background-color: #ccc;
    cursor: not-allowed;
}
.stop:hover{
    background-color: #ccc;
}